@charset "utf-8";
//$fontSize:40;
//@function r($p){
//  @return $p/$fontSize*1rem ;
//}
//html{
//  font-size: $fontSize*1px;
//}
.web_wrap{
    width: 100%;
}
.conter{
    .banner{
    img{
        width: 100%;
    }
    }
}
.engine_wrap{
    background: #fbfaf7;
    
}
.engine{
    max-width:1200px;
    margin:0 auto;
    padding-top: 105px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    .engine_fl{
        position: relative;
        z-index: 1;
        .engine_p{
            font-size: 30px;
            color: #666666;
            padding-top: 33px;
        }
        .engine_lg{
                .engine_lgcon{
                    display: flex;
                    justify-content: flex-start;
                    align-items: flex-start;
                    .engine_text{
                        padding-left: 14px;
                        h4{
                            margin-top: 0;
                        }
                        p{
                            font-size: 14px;
                            color: #666666;
                        }
                    }
                }
            }
    }
    .engine_fr{
        position: relative;
        z-index: 0;
        margin-left: 40px;
        img{
            height: 360px;
        }
    }
}
.adtage{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-top: 114px;
    padding-bottom: 95px;
    .adtage_lf{
        padding-top: 70px;
    }
    .adtage_lr{
        .img_t{
            margin-bottom: 44px;
        }
        .adtage_list li{
            display: flex;
            align-items: center;
            justify-content:flex-start;
            padding-bottom: 16px;
            p{
                margin: 0;
                padding-left: 10px;
                color: #666666;
                font-size: 14px;
            }
        }
    }
}
.product{
    background: #0079d7;
    display: flex;
    justify-content: center;
    padding-bottom: 146px;
    .img_h{
        margin:111px auto 0;
        text-align: center;
        img{
            text-align: center;
            display: inline-block;
        }
    }
    .product_con{
        
    }
    .pro_flcon{
        padding-top: 80px;
        .pro_img{
            display: flex;
            justify-content: center;
            padding-bottom: 40px;
        }
            .pro_t{
                h4{
                    font-size: 33px;
                    color: #fffefe;
                    margin-top:0 ;
                }
                p{
                    font-size: 14px;
                    color: #fffefe;
                }
            }
        }
}
.game_wrap{
    .game{
        max-width: 1000px;
        margin: 86px auto 0;
        .game_text{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            p{
                font-size: 35px;
                color: #2a2a2a;
            }
            a{
                font-size: 14px;
                color: #2a2a2a;
                display: block;
                padding-top: 10px;
            }
        }
        .game_lg{
            .game_video{
                display: flex;
                align-content: flex-start;
            }
            .game_img{
                ul{
                    li{
                       display: flex;
                        justify-content:center;
                        flex-wrap: wrap; 
                        padding:0;
                        img{
                        }
                        p{
                            width: 76%;
                            text-align: center;
                            overflow: hidden;
                            height: 40px;
                        }
                    }
                }
            }
        }
    }
}
.link_bg{
    background: #f4f4f4;
}
.link_wrap{
//  width: 100%;
    max-width: 1000px;
    margin:0 auto;
    padding:0;
    padding-bottom: 40px;
    .link_tit{
        padding-top: 40px;
        padding-bottom: 30px;
        h2{
            font-size: 30px;
            color: #2a2a2a;
            span{
                font-size: 11px;
                color: #777777;
            }
        }
    }
    .link_img{
        ul{
            li{
                padding-bottom: 20px;
                a{
                    display: block;
                    border:1px solid #E3E3E3;
                    }
            }
        }
    }
}
@media only screen and (min-width:200px) and (max-width:768px) {
    .banner{
        .carousel-indicators{
            bottom:0 ;
        }
        li{
            width: 6px;
            height: 6px;
        }
        .carousel-indicators .active{
            width: 8px;
            height: 8px;
            margin:0;
        }
    }
    .engine{
        padding-top: 30px;
        padding-bottom: 5px;
        .engine_fl{
            .t_img{
                display: flex;
                justify-content: center;
                align-items: center;
                img{
                    width: 200px;
                }
            }
            .engine_p{
                font-size: 15px;
                color: #666666;
                padding-top: 17px;
            }
            .engine_lg{
                .engine_lgcon{
                    margin-bottom: 10px;
                }
            }
        }
    }
    .adtage{
        padding-top: 30px;
        padding-bottom: 30px;
        .adtage_lf{
            padding-top:0;
            margin-bottom: 20px;
        }
        .adtage_lr{
           .img_t{
                margin-bottom: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                img{
                    width: 200px;
                }
             }
        }
}
   .product{
       padding-bottom: 50px;
       .img_h{
           margin-top: 50px;
           img{
               width: 200px;
           }
       }
       .product_con{
           .pro_flcon{
               padding-top: 40px;
               .pro_t{
                   h4{
                       font-size: 25px;
                   }
               }
           }
       }
   } 
   .game_wrap{
       .game{
           margin-top: 40px;
           .game_text{
               display: flex;
               justify-content: center;
               p{
//                 width: 100%;
                    text-align: center;
                    font-size: 25px;
               }
           }
           .game_lg{
               width: 100%;
               margin:0;
               padding:0;
               .game_video{
                   display: flex;
                   justify-content: center;
                   align-items: center;
                   padding: 0;
                   img{
                       max-width: 100%;
                       padding:0;
                   }
               }
               .game_img{
                   padding-top: 20px;
                   li{
                       display:flex;
                       justify-content: space-between;
                       padding: 0;
                       
                   }
               }
           }
       }
   }
   .link_wrap{
        padding-left:15px;
        padding-right:15px;
        padding-bottom: 20px;
    .link_tit{
         padding-top: 20px;
         padding-bottom: 15px;
        h2{
           
            font-size: 30px;
            color: #2a2a2a;
            span{
                font-size: 11px;
                color: #777777;
            }
        }
    }
    .link_img{
        ul{
            li{
                padding-bottom: 10px;
            }
        }
    }
}
}